<template>
  <nut-popup
    position="bottom"
    v-model:visible="modelValue"
    pop-class="yh-bottom-select-cancel"
    :style="{background:'#f4f4f4'}"  
    >
    <view>
      <view
        v-for="(item, index) in typeEnum"
        :key="index"
        class="select-cell"
        @click="handOptionsSelected(item.value)"
        >{{ item.name }}
      </view>
      <view class="blank-height-8"></view>
      <view class="select-cell margin-top-8"  @click="handOptionsSelected('')">取消</view>
    </view>
  </nut-popup>
</template>
<script lang="ts">
export default {
  name: "yh-bottom-select-cancel",
  props: {
    modelValue: {
      default: false,
    },
    typeEnum: {
      default: ()=>[],
    },
    handOptionsSelected: {
      default: function () {},
    },
  },
};
</script>
<style lang="scss">
.yh-bottom-select-cancel{
  background: #f4f4f4;
  .select-cell {
    width: 100%;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    color: #333333;
    border-bottom: 1px solid #eeeeee;
  }
}

</style>
